<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"	
	xmlns:p="http://primefaces.org/ui"
	template="/pages/plantilla.xhtml">
	
	<ui:define name="title"> WORKSPACE: Gestion Grupo</ui:define>
	<ui:define name="contenido" >
	<f:view>
		<h:form id="myform" prependId="false">
		<p:growl id="growl" showDetail="true"/> 
		<p:fieldset id="fsBotones">
			<p:commandButton title="Nuevo" oncomplete="dlgRegGrupo.show();" icon="ui-icon-document" 
			actionListener="#{grupoController.nuevoGrupo}" update=":myform:opGrupo, dtGrupo, fsBotones"/><p:spacer width="10px"/>
			<p:commandButton title="Editar" oncomplete="dlgRegGrupo.show();" icon="ui-icon-pencil" rendered="#{grupoController.editarHabilitado}" 
			actionListener="#{grupoController.editarGrupo}" update=":myform:opGrupo"/><p:spacer width="10px"/>
			<p:commandButton title="Eliminar" icon="ui-icon-trash" rendered="#{grupoController.eliminarHabilitado}"
			actionListener="#{grupoController.eliminarGrupo}" update="dtGrupo, growl"/>
		</p:fieldset>
		<p:dataTable id="dtGrupo" value="#{grupoController.grupos}" var="grupo" rows="10" paginator="true"
		rowKey="#{grupo.idGrupo}" selectionMode="single" selection="#{grupoController.grupoSeleccionado}">
		<p:ajax event="rowSelect" update=":myform:fsBotones" listener="#{grupoController.habilitarBotones}" />
			<p:column headerText="Nombre del Grupo">
			<h:outputText value="#{grupo.nomGrupo}"/>
			</p:column>
		</p:dataTable>
 		<p:dialog widgetVar="dlgRegGrupo">
	 		<p:outputPanel id="opGrupo">
				<table>
					<tr>
					<td><h:outputText value="Nombre:"/></td>
					<td><p:inputText style="width:300px" value="#{grupoController.grupoEditar.nomGrupo}"/></td>
					<td><p:commandButton icon="ui-icon-disk" title="Guardar Grupo" update="dtGrupo, growl, fsBotones"
						oncomplete="dlgRegGrupo.hide();" actionListener="#{grupoController.guardarGrupo}"/></td>
					</tr>
				</table>
			</p:outputPanel>
 		</p:dialog>
 		</h:form>
 		</f:view>
	</ui:define>
</ui:composition>